$--color-primary: #004838;
$--color-success: #67c23a;
$--color-warning: #e6a23c;
$--color-danger: #f56c6c;
$--color-info: #08dc82;
$--color-white: #ffffff;

$--text-default: #212c25;
$--text-minor: #6d7d8c;
$--text-link: #07614d;

:root {
    cursor: default;
    font-synthesis: none;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

html,
body,
#app {
    height: 100% !important;
    width: 100% !important;
    background-color: #ffffff !important;
    overflow: hidden;
    padding: 0;
    margin: 0;
    font-weight: 400;
    font-style: normal;
    font-family:
        Inter,
        SF Pro Text,
        Roboto,
        Helvetica Neue,
        Helvetica,
        Tahoma,
        Arial,
        PingFang SC,
        Microsoft YaHei;
    line-height: 1.5;
    color: $--text-default;
    font-size: 0.16rem;
    letter-spacing: 0;
}

body {
    margin: 0;
    padding: 0;
}

* {
    margin: 0;
    padding: 0;
}

a {
    cursor: pointer;
    color: currentColor;

    &:hover {
        text-decoration: solid underline;
    }
}

h1 {
    font-size: 0.44rem;
}

h2 {
    font-size: 0.36rem;
}

h3 {
    font-size: 0.32rem;
}

h4 {
    font-size: 0.28rem;
}

h5 {
    font-size: 0.24rem;
}

h6 {
    font-size: 0.2rem;
    font-weight: normal;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    padding: 0;
    margin: 0;
    line-height: 1;
}

ul {
    list-style: none;
    padding: 0;
    margin: 0;
}


// -------------自定义类名样式-------------------

// 次要的字体颜色
.gray_text {
    color: $--text-minor;
}

// 白色字体
.white_text {
    color: $--color-white;
}

// 按钮字体
.button_text {
    font-size: 0.2rem;
    color: $--color-primary;
    cursor: pointer;
}

// 文本链接
.text_link:hover {
    text-decoration-line: underline;
    cursor: pointer;
}